<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml"   
     xmlns:h="http://java.sun.com/jsf/html"
     xmlns:f="http://java.sun.com/jsf/core"
     xmlns:ui="http://java.sun.com/jsf/facelets"  
     xmlns:p="http://primefaces.org/ui"
     template="../../generales/plantillas/plantillaMain.xhtml">
     
	<ui:define name="content">
		<h:form id="formListFacturas">
			<p:panel id="formFacturas" header="#{msg['form.facturas.titulo']}" style="margin-bottom:10px;">
				<p:growl showDetail="true" autoUpdate="true"/>
				<p:messages showDetail="false" autoUpdate="true" showSummary="true"/>
				
				<!-- Lista de Facturas pendientes de periodo. -->
				<p:dataTable var="factura" value="#{facturaBean.lazyDataModel}" paginator="true" rows="10" paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"  
                 			 rowsPerPageTemplate="#{msg['app.rowsPerPage']}" selection="#{inmuebleBean.inmuebleSelected}" id="inmueblesTable"
                 			 emptyMessage="#{msg['list.inmuebles.empty']}" rowKey="#{factura.numero}">
                 			 
                 	<p:column selectionMode="multiple" style="width:18px" /> 
                 			 
			        <p:column headerText="#{msg['list.facturas.numero']}" sortBy="#{factura.numero}" filterBy="#{factura.numero}">  
			            <h:outputText value="#{factura.numero}" />
			        </p:column>  
			  
			        <p:column headerText="#{msg['list.facturas.personaCobro']}" sortBy="#{factura.personaCobro}" filterBy="#{factura.personaCobro}">  
			            <h:outputText value="#{factura.personaCobro}" />
			        </p:column>
			  
			        <p:column headerText="#{msg['list.facturas.valor']}" sortBy="#{factura.valor}" filterBy="#{factura.valor}">  
			            <h:outputText value="#{factura.valor}" />
			        </p:column>
			        
			        <p:column headerText="#{msg['list.facturas.concepto']}" sortBy="#{factura.concepto.descripcion}" filterBy="#{factura.concepto.descripcion}">  
			            <h:outputText value="#{factura.concepto.descripcion}" />
			        </p:column>
			        
			        <p:column headerText="#{msg['list.facturas.fechaEmision']}" sortBy="#{factura.fechaFacturada}" filterBy="#{factura.fechaFacturada}">  
			            <h:outputText value="#{factura.fechaFacturada}" />
			        </p:column>
			        
			        <p:column headerText="#{msg['list.facturas.fechaPago']}" sortBy="#{factura.fechaPago}" filterBy="#{factura.fechaPago}">  
			            <h:outputText value="#{factura.fechaPago}" />
			        </p:column>
			        
			    </p:dataTable>
			    
			    <p:commandButton value="#{msg['form.facturas.boton.pagar']}"/>
			</p:panel>
		</h:form>
		
	</ui:define>
</ui:composition>